<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:pe="http://primefaces.org/ui/extensions">
    <h:head>
        <title>Consumo Flotas</title>
        <link rel="stylesheet" href="resources/css/botones.css" />
    </h:head>
    <h:body>
    <!--Cabecera del formulario donde se encuentra esto es igual a todos las paginas JSF-->    
    <h:form>
       <p:menubar autoDisplay="false">  
        <p:menuitem value="Inicio" icon="inicio" url="inicio.jsf"/>     
        <p:submenu label="Consumo" icon="mante">  
            <p:menuitem   value="Vales" url="vales.jsf" icon="mante" /> 
        </p:submenu>
        <p:menuitem value="Salir" url="login.jsf" icon="salir" />  
        
    </p:menubar>
     
    </h:form>
     <h:form id="frmNuevo">
            <p:commandButton value="Print" type="button" icon="ui-icon-print">  
                <p:printer target=":frmPrincipal:datatable" />  
        </p:commandButton>  
    </h:form> 
    <!--Tabla donde se contiene la informacion de todos los registros--> 
     <h:form id="frmPrincipal">  
        <p:growl id="principal"/> 
        <p:dataTable id="datatable" var="Transaccion" value="#{transaccionBean.transaccions}"  paginator="true" rows="10"
                     sortBy="#{Transaccion.facturado}" sortOrder="descending" >  
            
            <f:facet name="header">  
            Vales consumidos
            </f:facet> 
            
            <p:column id="turno" filterBy="#{Transaccion.idestado}"   
                headerText="Turno"  
                filterMatchMode="startsWith" style="text-align: center; width: 50px"> 
            <f:facet name="header">  
            <h:outputText value="turno" />  
            </f:facet>     
                <h:outputText value="#{Transaccion.idestado}" />  
            </p:column>      
            
            <p:column id="valeColumn" filterBy="#{Transaccion.numeroTiket}"   
                headerText="Vale"  
                filterMatchMode="startsWith" style="text-align: center; width: 80px"> 
            <f:facet name="header">  
            <h:outputText value="Vale" />  
            </f:facet>     
            <h:outputText value="#{Transaccion.numerotiket}" />  
            </p:column>
            
            <p:column id="NotaColumn" filterBy="#{Transaccion.numerovale}"   
                headerText="Despacho"  
                filterMatchMode="startsWith" style="text-align: center">
            <f:facet name="header">  
            <h:outputText value="Despacho" />  
            </f:facet>      
            <h:outputText value="#{Transaccion.numerovale}" />  
            </p:column>
            
            <p:column id="fecha"  headerText="Fecha"  style="text-align: center; width: 80px"> 
            <f:facet name="header">  
            <h:outputText value="Fecha" />  
            </f:facet>     
                <h:outputText value="#{Transaccion.fecharegistro}" />  
            </p:column>
            
            <p:column headerText="Placa" style="text-align: center">
            <f:facet name="header">  
            <h:outputText value="Placa" />  
            </f:facet>      
                <h:outputText value="#{Transaccion.numeroplaca}" />  
            </p:column> 
            
            <p:column headerText="Producto" style="text-align: center"> 
            <f:facet name="header">  
            <h:outputText value="Producto" />  
            </f:facet>  
                <h:outputText value="#{Transaccion.producto}" />  
            </p:column> 
            
            <p:column headerText="Galones" style="text-align: center"> 
            <f:facet name="header">  
            <h:outputText value="Galones" />  
            </f:facet>      
                <h:outputText value="#{Transaccion.nrogalones}"/>  
            </p:column>
                 
            <p:column headerText="Monto" style="text-align: right">
            <f:facet name="header">  
            <h:outputText value="Monto" />  
            </f:facet>      
                <h:outputText value="#{Transaccion.montototal}" > 
                    <f:convertNumber  type="currency" currencySymbol=" " groupingUsed="true" locale="en"/>
                </h:outputText> 
            </p:column> 
            
            <f:facet name="footer">  
                Vales Registrados #{transsaccionBean.transaccions.size()}.  
            </f:facet> 
            
            <p:summaryRow>  
            <p:column colspan="7" style="text-align:right">  
                Total:  
            </p:column>  
            <p:column style="text-align:right">
                <h:outputText value="#{transsaccionBean.totalSoles}"> 
                    <f:convertNumber  type="currency" currencySymbol=" " groupingUsed="true" locale="en"/>
                </h:outputText>   
            </p:column>  
            </p:summaryRow> 
          </p:dataTable> 
          <h:panelGrid columns="1">  
            <p:panel header="Exportar Tabla">       
            <h:commandLink>  
                <p:graphicImage value="/resources/img/csv.png" />  
                <p:dataExporter type="xls" target="datatable" fileName="ConsumoFlotas" />  
            </h:commandLink>            
            <h:commandLink>  
                <p:graphicImage value="/resources/img/pdf.png" />  
                <p:dataExporter type="pdf" target="datatable" fileName="ConsumoFlotas" />  
            </h:commandLink>         
            </p:panel>  
           </h:panelGrid>  
    </h:form>
    </h:body>
</html>

